@CHARSET "ISO-8859-1";

#main {
	margin-top: 50px;
	position: relative;
	padding: 0;
}

.ui-tabs-nav {
	background-color: #222 !important; /*To overwrite jquery-ui.css*/
	height: 30px; /*To stop nav block scaling of tab size*/
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0.2em 0.2em 0;
	border: none;
	background: none;
	border-radius: 2px 2px 0 0; /*To affect only top corners*/
}

.ui-tabs .ui-tabs-nav li {
	position: relative; /*To overwrite jquery-ui.css*/
	top: -10px !important; /*To overwrite jquery-ui.css*/
	border: none;
	margin: 0 0 -5px 0;
	background: none;
}

.ui-tabs-anchor {
	color: white !important; /*To overwrite jquery-ui.css*/
	text-decoration: underline !important; /*To overwrite jquery-ui.css*/
}

#main ul.ui-widget-header,#main ul.ui-widget-content,#main ul.ui-state-default,#main ul.ui-state-hover
	{
	background: none;
	border: none
}

#main .ui-tabs-active a {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: white;
	/*To make it looks like on example pic, it is possible do do with it whatever you want*/
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 1px 0;
	border-radius: 5px 5px 0 0; /*To affect only top corners*/
	color: #222222;
	position: relative;
	z-index: 5;
	color: black !important; /*To overwrite jquery-ui.css*/
	text-decoration: none !important; /*To overwrite jquery-ui.css*/
}

a:focus {
	/*To handle that annoing border(chrome) when item is in focus*/
	outline: none;
}